﻿<!-- 传阅、征询、转发界面 -->
<ion-view title="{{Params.title}}" class="fetchUser" hide-nav-bar="{{$root.dingMobile.hideHeader}}">
    <ion-nav-bar class="bar" >
        <ion-nav-buttons side="left">
            <button class="button button-icon button-clear ion-ios-arrow-left" ng-click="BackPage()">{{names.Back}}</button>
        </ion-nav-buttons>

        <ion-nav-buttons side="right">
            <!--<button class="button button-icon button-clear"
                    ng-click="doAction()">
                {{names.Confirm}}
            </button>-->
        </ion-nav-buttons>
    </ion-nav-bar>

    <ion-content ng-class="{'has-header' : NavBarShow }" class="has-footer ">
    	<!-- update by ouyangsk 根据需求，不需显示下边提示信息，故注释 -->
        <!-- <div class="divContent" style=" padding: 10px; font-size: 15px; color: #333333;line-height: 30px;">
            “{{Params.UserName}}”向您发出关于“{{Params.DisplayName}}”的{{Params.title}}，请您尽快处理！
        </div> -->
        <div class="item item-divider" ng-if="NavBarShow"></div>
        <div class="divContent" ng-show="ActionShow" style=" padding: 0 10px;">
            <div class="list" style=" margin: 10px 0;">  {{Params.commentVaule}} </div>
            <div class="list">
                <div class="detail">
                    <textarea placeholder="{{Params.commentVaule}}" id="commentVaule"></textarea>
                    <!--<textarea ng-model="textArea" id="commentVaule"></textarea>-->
                </div>
            </div>
        </div>
        <div class="divContent" style=" padding: 0 10px;">
            <div class="list" style=" margin: 10px 0;"> {{Params.Text}} </div>
            <div class="list">
                <div class="item item-input fetchUserContainer" style="width: 40% !IMPORTANT;">
                    <div class="detail">
                        <div data-datafield="fetchUserSelect" data-type="SheetUser" id="fetchUserSelect"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="divContentImg">
            <img src="./Mobile/img/details/add.png" />
             <img src="./Mobile/img/details/delet.png" />
        </div>
        <div class="add-selection"  ng-if = "Params.title=='评论'">
        <div class="selection-item" ngf-select="uploadImg($file)" ng-model="file" name="file" ngf-pattern="'image/*'" ngf-accept="'image/*'" ngf-max-size="10MB">
                     <span>
                      <i class="icon ion-image"></i>
                    </span>
            <span>图片</span>
        </div>

        <div class="selection-item" ngf-select="uploadFiles($files)" ng-model="files" name="files" ngf-max-size="30MB">
                    <span>
                      <i class="icon ion-paperclip"></i>
                    </span>
            <span>附件选择</span>
        </div>
        </div>
        <!--图片列表-->
        <div class="img-view" ng-if="comments.imgList.length > 0"  ng-if = "Params.title=='评论'">
            <div class="img-view-box" ng-repeat="item in comments.imgList track by $index">
                    <span class="img-delete" ng-click="deleteImg(item,$index)">
                        <i class="icon ion-close"></i>
                    </span>
                <img  ngf-thumbnail="item.url" alt="" ng-click="imgPreview(item, $index)"/>
            </div>
        </div>
        <!--文件-->
        <div class="file-view" ng-if="comments.filesList.length > 0"  ng-if = "Params.title=='评论'">
            <div class="file-view-box" ng-repeat="item in comments.filesList track by $index">
                <p class="file-name">
                        <span class="file-name-icon">
                             <i class="icon ion-ios-folder-outline"></i>
                        </span>
                    <span>{{item.fileName?item.fileName:'暂无名称'}}</span>
                </p>
                <p class="file-action">
                    <span class="file-view-action" ng-click="PreviewFile(item, $index)">预览</span>
                    <span class="file-delete" ng-click="deleteFile(item, $index)">
                             <i class="icon ion-close"></i>
                        </span>
                </p>
            </div>
        </div>

    </ion-content>

    <ion-footer-bar>
        <div class="footer-left" ng-click="BackPage()">取消</div>
        <div ng-click="doAction()" class="close footer-right">{{names.Confirm}}</div>
    </ion-footer-bar>
    <style>
           /*tanll*/
        .fetchUser .scroll-content, .scroll {
            background: white;
        }

        #ionicForm ion-footer-bar {
            padding: 0;
            border-top: 1px solid #e4e4e4;
            display: flex;
            justify-content: space-between;
            padding: 0px;
        }

        .fetchUser .bar-footer .footer-left {
            font-size: 17px;
            margin-left: 10px;
            line-height: 44px;
            flex-grow: 1;
            text-align: center;
            color: #2C3038;
            letter-spacing: 0;
        }

        .fetchUser .bar-footer .close {
            background: #77bcfa;
            color: #fff;
            text-align: center;
            width: 128px;
            font-size: 17px;
            line-height: 44px;
            width: 50%;
        }
     .fetchUser .divContentImg img {
                width: 30px;
                margin-right: 10px;
            }

        .fetchUser .depSelected {
            background-color: #e9f3fe;
            color: #333;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            margin: 10px 2px;
            text-align: center;
        }

        .fetchUser .detail textarea {
            resize: none;
            background: #FFFFFF;
            border: 1px solid #CCCCCC;
            border-radius: 4px;
            font-size: 15px;
            width: 100%;
            padding: 5px;
            min-height: 100px;
            color: #666666;
        }
            /*人员展示区一定可见*/
        .fetchUser .item.item-divider.bpm-userselectitems {
            background: white;
            display:block !important;
        }
        /*人员删除键部可见*/
        .fetchUser .del-list {
            display: none;
        }
    </style>
</ion-view>